<extend name="Base/common"/>
<block name="script">
	<script type="text/javascript" src="__STATIC__/jquery.SuperSlide.js"></script>
	<script type="text/javascript">
	jQuery(".sctjLoop").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"top",vis:3,scroll:3,autoPlay:true,autoPage:true})
	jQuery(".hysmLoop").slide({ titCell:".hd ul li", mainCell:".bd ul",effect:"top",vis:2,scroll:1,autoPlay:true})
	$(document).ready(function (){
		$('.clgc-gfjg .body li').hover(function(){
			$(this).addClass('selected');
		},
		function(){
			$(this).removeClass('selected');
		})
	});
	</script>
</block>
<block name="body">
	<link type="text/css" rel="stylesheet" href="__CSS__/group.css"/>
    <script type="text/javascript" src="__JS__/common.js"></script>
	<div class="col-xs-12">
        {:W('Common/Adv/render',array(array('name'=>'Groupindex')))}
    </div>
    <div class="col-xs-6 margin-bottom-15">
    	<div class="group_tags group_types">
            <b>树丛标签：</b>
            <a href="{:U('groups')}" <if condition="!$group_cate">class="active"</if>>全部</a>
            <volist name="parent" id="type">
                <a href="{:U('groups',array('cate'=>$type['id']))}" data-id="{$type['id']}" class="ptype <if condition="
                   $group_cate eq $type['id']">active</if>">
                {$type.title}
                </a>
            </volist>
        </div>
    </div>
    <div class="col-xs-6">
    	<div class="group_btnwp">
			<h2>没有你想加入的树丛，那就自己开发新大陆吧！</h2>
			<a href="{:U('Group/Index/create')}" class="">新建树丛</a>
		</div>
    </div>
    <div class="clearfix visible-xs-block"></div>
    <div class="col-xs-6 margin-top-15" style="padding-right:20px;">
    	<div class="clgc-cltj sctjLoop">
			<div class="hd">
				<h2>树丛推荐<small>BE TOGETHER</small></h2>
				<a class="next"></a>
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
				</ul>
				<a class="prev"></a>
			</div>
			<div class="bd">
					<ul class="piclist">
						<volist name="groups" id="vo">
							<li>
								<div class="img">
									<a href="{:U('group/index/group',array('id'=>$vo['id']))}" target="_blank"><img class="" src="{$vo.logo|getThumbImageById=75,75}" /></a>
								</div>
								<div class="text">
									<h2><a href="{:U('group/index/group',array('id'=>$vo['id']))}" target="_blank">{$vo.title}</a></h2>
									<span>{$vo.type.title}</span>
									<dl>
										<dd>{$vo.support_count} 次浇花</dd>
										<dd>成员数:
											{$vo.member_count}
										</dd>
										<dd>话题数:
											{$vo.post_count}
										</dd>
									</dl>
									<p>
										{$vo.detail|text|getShortSp=30}
									</p>
								</div>
								<a href="{:U('group/index/group',array('id'=>$vo['id']))}" class="look-ico"></a>
							</li>
						</volist>
					</ul>
			</div>
		</div>
		<div class="clgc-smcl margin-top-15">
			<div class="head">
				<h2>热门树丛<small>BE TOGETHER</small></h2>
			</div>
			<div class="body">
				<ul>
					<volist name="hotgroups" id="vo">
						<li>
							<div class="img">
								<img class="" src="{$vo.logo|getThumbImageById=75,75}" />
								<php>
									$fiveday = 3600*24*5; $moreday = time()-$vo['create_time'];
								</php>
								<if condition="$moreday gt $fiveday">
									<em></em>
								</if>
							</div>
							<div class="tit">
								<h2><a href="{:U('group/index/group',array('id'=>$vo['id']))}" target="_blank">{$vo.title}</a></h2>
								<span>{$vo.type.title}</span>
							</div>
							<div class="meta">
								{$vo.support_count} 次浇花
							</div>
							<a href="{:U('group/index/group',array('id'=>$vo['id']))}" class="look-ico"></a>
						</li>
					</volist>
				</ul>
			</div>
		</div>
		<div class="clgc-gfjg">
			<div class="head">
				<h2>官方机构<small>OFFICIAL INSTITUTION</small><a href="#">更多</a></h2>
			</div>
			<div class="body">
				<ul>
					<volist name="rankgroups" id="vo">
						<li>
							<div class="img">
								<img src="{$vo.logo|getThumbImageById=72,72}" />
		
							</div>
							<div class="text">
								<h2><a href="{:U('group/index/group',array('id'=>$vo['id']))}">{$vo.title}</a><img src="__THEME_PUBLIC__/images/zp21.jpg"/></h2>
								<p>
									{$vo.user.nickname}
								</p>
								<dl>
									<dd>树苗 <span>{$vo.member_count}</span></dd>
									<dd>/</dd>
									<dd>话题 <span>{$vo.post_count}</span></dd>
									<dd>/</dd>
									<dd>子树丛 <span>{$vo.childgroups}</span></dd>
									<dd>/</dd>
									<dd>浇花值 <span>{$vo.support_count}</span></dd>
								</dl>
							</div>
							<div class="desc">
								<a href="{:U('group/index/group',array('id'=>$vo['id']))}">{$vo.detail|text|getShortSp=30}</a>
							</div>
							<if condition="$vo['flag']">
								<else/>
								<div class="gzbtn">
									<a data-role="group_attend" data-group-id="{$vo.id}" class="">关注</a>
								</div>
							</if>
						</li>
					</volist>
				</ul>
			</div>
		</div>
		<div class="clgc-ad">
			{:W('Common/Adv/render',array(array('name'=>'homeleft')))}
		</div>
    </div>
    <div class="col-xs-6 margin-top-15" style="padding-left:20px;">
    	<div class="clgc-tjht">
			<div class="head">
				<h2>推荐话题<small>JUST TALK!</small></h2>
			</div>
			<div class="body">
				<ul>
					<volist name="hotposts.data" id="vo">
						<li>
							<div class="hd">
								<h2><a href="{:U('group/index/detail',array('id'=>$vo['id']))}">{$vo.title}</a></h2>
								<em></em><span class="date">{$vo.create_time|friendlyDate='mohu'}</span>
							</div>
							<div class="bd">
								<div class="img">
									<a href="{:U('group/index/detail',array('id'=>$vo['id']))}" target="_blank">
										<neq name="vo.cover" value="">
						                    <img class="" src="{$vo.cover}">
										<else />
											<img class="" src="__PUBLIC__/images/nopic.png">
						                </neq>
									</a>
								</div>
								<div class="text">
									<p>
										{$vo.summary|text|getShortSp=50}
									</p>
									<dl>
										<dd><i class="iconfont ">&#xe607;</i> {$vo.support_count}</dd>
										<dd><i class="iconfont ">&#xe631;</i> {$vo.reply_count}</dd>
										<dd><i class="iconfont fs24">&#xe63a;</i> {$vo.view_count}</dd>
									</dl>
								</div>
								<div class="img2">
									<a href="{$vo.user.space_url}"><img src="{$vo.user.avatar64}" ucard="{$vo.user.uid}" /></a>
									<h2>{$vo.user.nickname}</h2>
								</div>
							</div>
						</li>
					</volist>
				</ul>
		
			</div>
		</div>
		<div class="clgc-rmht">
			<div class="head">
				<h2>热门话题<small>JUST TALK!</small><a href="#">更多</a></h2>
		
			</div>
			<div class="body">
				<ul>
					<volist name="posts.data" id="vo">
						<li>
							<h2><a target="_blank" href="{:U('group/index/detail',array('id'=>$vo['id']))}">{$vo.title}</a></h2>
							<h4>{$vo.reply_count}<br/><span>评论</span></h4>
							<em><img src="__THEME_PUBLIC__/images/img53.png"/></em></li>
					</volist>
				</ul>
			</div>
		</div>
		<div class="clgc-hysm hysmLoop">
			<div class="hd">
				<h2>活跃树苗<small>SOMEONE</small></h2>
				<a class="next"></a>
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
				</ul>
				<a class="prev"></a>
			</div>
			<div class="bd">
				<ul>
					<volist name="gooduser" id="v">
						<li>
							<div class="img">
								<a href="{$v.user.space_url}"><img class="avatar-img" src="{$v.user.avatar64}"></a>
							</div>
							<div class="text">
								<h2><a ucard="{$v.uid}" href="{$v.user.space_url}">{$v.user.nickname}</a></h2>
								<dl>
									<dd>{$v.user.fans} 粉丝</dd>
									<dd>{$v.user.following} 关注</dd>
								</dl>
							</div>
							<em></em>
						</li>
					</volist>
				</ul>
			</div>
		</div>
	<div class="clgc-ad">
		{:W('Common/Adv/render',array(array('name'=>'homeright')))}
	</div>
    </div>
    
</block>



